@charset "utf-8";
/* CSS Document */
.container{width:500px; height:500px; border-radius:6px; background-color:rgb(187, 173, 160); margin:0 auto; padding:5px; position:relative; }
.container .bg, .container .num{width:109px; height:109px; border-radius:3px;}
.container .bg{background-color:rgba(238, 228, 218, 0.35);float:left; margin:8px; }
.container .num{ position:absolute; font-size:55px; line-height:110px; text-align:center; color:#776E65; background-color:#EEE4DA;}
.container .num
{
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.1s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.1s ease-in-out; /* Opera */
}
.container .numc4{background-color: #EDE0C8}
.container .numc8{background-color: #f2b179; color:#fff;}
.container .numc16{background-color: #f59563; color:#fff;}
.container .numc32{background-color: #f67c5f; color:#fff;}
.container .numc64{background-color: #f65e3b; color:#fff;}
.container .numc128{background-color: #edcf72; color:#fff;}
.container .numc256{background-color: #edcc61; color:#fff;}
.container .numc512{background-color: #edc850; color:#fff;}
.container .numc1024{background-color: #edc53f; color:#fff;}
.container .numc2048{background-color: #edc22e; color:#fff;}